import React from 'react'
import {Outlet} from "react-router-dom"
import { Tabbar } from 'react-vant';
import { FriendsO, HomeO, Search, SettingO } from '@react-vant/icons';
import {NavLink} from "react-router-dom"
function Home() {
  return (
    <div>
     <Outlet></Outlet>
     <Tabbar>
      <Tabbar.Item icon={<HomeO />}>
          <NavLink to="/home/shophome">首页</NavLink>
      </Tabbar.Item>
      <Tabbar.Item icon={<HomeO />}>
          <NavLink to="/home/shopcar">购物车页面</NavLink>
      </Tabbar.Item>
      <Tabbar.Item icon={<FriendsO />}>标签</Tabbar.Item>
      <Tabbar.Item icon={<SettingO />}>标签</Tabbar.Item>
    </Tabbar>

    </div>
  )
}

export default Home